<template>
	<div class="manage_page fillcontain">
		<el-row style="background-color: #F8F8FB;">
			<el-col :span="3" :offset='3' style="min-height: 100%;background-color: #F8F8FB;">
				<div class="compan_name" style="background-color: #FFFFFF;">人人招聘</div>
				<div class="name flex" style="background-color: #FFFFFF;justify-content: center;"><img src='../../static/image/headpic.png'></img>人人招聘</div>
				<el-menu :default-active="defaultActive" style="min-height: 100%;" router>
					<el-menu-item index="zpcenter">招聘中心</el-menu-item>
					<el-submenu index="2">
						<template slot="title">
							<div class="title">公司详情</div>
						</template>
						<el-menu-item index="companyDetail"><span style="font-size:16px">公司详情</span></el-menu-item>
						<el-menu-item index="stoppedzp"><span style="font-size:16px">已停止招聘职位</span></el-menu-item>
					</el-submenu>
					<el-submenu index="3">
						<template slot="title">
							<div class="title">简历箱</div>
						</template>
						<el-menu-item index="myrecruitment"><span style="font-size:16px">我的招聘</span></el-menu-item>
						<el-menu-item index="alternativeresume"><span style="font-size:16px">备用简历</span></el-menu-item>
					</el-submenu>
					<el-menu-item index="postzw">
						发布职位
					</el-menu-item>
					<el-menu-item index="account">
						<template slot="title">
							<div class="title">账号管理</div>
						</template>
					</el-menu-item>
					<el-menu-item index="">
						<template slot="title">
							<div class="title">可提供的资源</div>
						</template>

					</el-menu-item>
					<el-menu-item index="">
						<template slot="title">
							<div class="title">需要的资源</div>
						</template>

					</el-menu-item>
					<el-menu-item>
						<template slot="title">
							<div class="title logout" @click="exit">退出登录</div>
						</template>
					</el-menu-item>
				</el-menu>
			</el-col>
			<el-col :span="13" style="height: 100%;overflow: auto;background-color: #F8F8FB;box-sizing: border-box;padding-left: 70px;">
				<keep-alive>
					<router-view></router-view>
				</keep-alive>
			</el-col>
		</el-row>
		<Navfoot class='foot'></Navfoot>
	</div>
</template>

<script>
	
	import Navfoot from '@/components/foot.vue';
	export default {
		components: {
			Navfoot
		},
		computed: {
			defaultActive: function() {
				return this.$route.path.replace('/', '');
			}
		},
		created() {
			
		},
		methods: {
			//退出登录
			exit() {
				this.$confirm('确定退出吗', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					sessionStorage.clear();
					localStorage.clear();
					this.$router.push({
						path: '/'
					})
				}).catch(() => {

				});
			}
		}
	}
</script>


<style lang="less" scoped>
	@import '../style/mixin';
.foot{
		border-top: 100px solid #F8F8FB;
		//margin-top: 120px;
	}
	.manage_page {}

	.title {
		width: 100%;
		height: 0.6rem;

	}

	.compan_name {
		width: 100%;
		height: 87px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #333333;
		font-size: 26px;
	}

	.name {
		height: 76px;
		width: 100%;
		font-size: 17px;
		color: #333333;

		img {
			width: 30px;
			height: 30px;
			vertical-align: middle;
			margin-right: 10px;
			border-radius: 50%;

		}
	}

	.logout {
		color: #FF4422;
		font-size: 16px;
	}
</style>
